<?php
/**
 * @copyright  For copyright and license information, read the COPYING.txt file.
 * @link       /COPYING.txt
 * @license    Academic Free License (AFL 3.0)
 * @package     default_default
 */

/**
 * @see Mage_Captcha_Block_Captcha_Zend
 * @var Mage_Captcha_Block_Captcha_Zend $this
 */
?>
<?php $captcha = $this->getCaptchaModel() ?>
<div class="clear"></div>
<div class="captcha">
    <div class="captcha-input input-box input-left">
        <label for="captcha"><?php echo $this->__('Please type the letters from the image:') ?></label><br />
        <input type="text" name="<?php echo Mage_Captcha_Helper_Data::INPUT_NAME_FIELD_VALUE ?>[<?php echo $this->getFormId()?>]" id="captcha" class="required-entry input-text validation-failed"/>
    </div>
    <div class="captcha-image input-right">
        <img id="captcha-reload" class="captcha-reload" src="<?php echo $this->getSkinUrl('images/reload.png') ?>" alt="<?php echo $this->__('Reload captcha') ?>"/>
        <img id="<?php echo $this->getFormId() ?>" width="<?php echo $this->getImgWidth() ?>" height="<?php echo $this->getImgHeight() ?>" src="<?php echo $captcha->getImgSrc() ?>" />
    </div>
</div>
<?php if ($captcha->isCaseSensitive()) :?>
<div class="captcha-note">
    <p><?php echo $this->__('<strong>Attention</strong>: Captcha is case sensitive.') ?></p>
</div>
<?php endif ?>
<script type="text/javascript">
//<![CDATA[
    document.observe('dom:loaded', function () {
        var captcha = new Captcha('<?php echo $this->getRefreshUrl() ?>', '<?php echo $this->getFormId() ?>');

        $('captcha-reload').observe('click', function () {
            captcha.refresh(this);
        });

    });
//]]>
</script>
